<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/backheadfoot.css" rel="stylesheet" type="text/css" />
<link href="css/backcommon.css" rel="stylesheet" type="text/css" />
<link href="css/back-order.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div class="warp warp-supplier">
    	 <div class="backhead">
         	 <a href="#" class="logo"><img src="images/logo.png" alt="" /></a>
             <ul class="nav">
             	 <li><a href="#"><span>首页</span></a></li>
                 <li><a href="#"><span>账号管理</span></a></li>
                 <li><a href="#"><span>企业设置</span></a></li>
                 <li><a href="#"><span>我的消息<i>9</i></span></a></li>
             </ul>
             <div class="user">
             	<a href="#" class="des">
                	<span class="pic"><img src="images/temppic1.jpg" alt="" /></span>
                    张吃饭
                    <i></i>
                </a>
                <dl>
                	<dd><a href="#" class="icon-help">帮助中心</a></dd>
                    <dd><a href="#" class="icon-out">退出</a></dd>
                </dl>
             </div>
             <div class="company">江苏学则智能科技有限公司 <a href="#">切换至采购商</a></div>
         </div>
         
         <div class="backcontent">
         	<div class="back-side">
            	<ul>
                	<li class="on">
                    	<h3><span class="s1"></span>订单管理</h3>
                        <p class="active"><a href="#">我的订单</a></p>
                    </li>
                    <li>
                    	<h3><span class="s2"></span>项目管理</h3>
                        <p><a href="#">我参与的询价</a></p>
                        <p><a href="#">平台推送的询价</a></p>
                    </li>
                    <li>
                    	<h3><span class="s3"></span>组织架构</h3>
                        <p><a href="#">分公司管理</a></p>
                        <p><a href="#">部门管理</a></p>
                        <p><a href="#">员工管理</a></p>
                    </li>
                    <li>
                    	<h3><span class="s4"></span>集采管理</h3>
                        <p><a href="#">集采统计</a></p>
                    </li>
                    <li>
                    	<h3><span class="s5"></span>财务中心</h3>
                        <p><a href="#">账单对账流水</a></p>
                    </li>
                    <li>
                    	<h3><span class="s6"></span>财产管理</h3>
                        <p><a href="#">积分流水</a></p>
                    </li>
                </ul>
            </div>
            <div class="back-main">
            	<div class="inner">
                	 <div class="title">订单管理</div>
                     <div class="backTab">
                     	<ul>
                        	<li class="on">全部订单</li>
                            <li>待付款 0</li>
                            <li>已付款 <span class="orange"><i></i>5</span></li>
                            <li>已发货 <span class="orange"><i></i>5</span></li>
                            
                        </ul>
                     </div>
                     <div class="back-status">
                     	<a href="#">搜索</a>
                     	<input type="text" placeholder="请输入项目名称/订单编号" class="orderInput orderInput1" />
                        <span><label>卖家名称：</label> <input type="text" class="orderInput orderInput2" /></span>
                        <span>交易状态：<select><option>全部订单</option><option>待付款</option></select></span>
                        <span>下单日期：<input type="text" class="orderInput dateInput" /> - <input type="text" class="orderInput dateInput" /></span>
                     </div>
                     <table class="titleTable">
                     	<tbody>
                        	<tr>
                            	<td width="24%">项目名称</td>
                                <td width="19%">收货人</td>
                                <td width="19%">金额</td>
                                <td width="19%">订单状态</td>
                                <td width="19%">操作</td>
                           </tr>
                        </tbody>
                     </table>
                     <div class="dataTable">
                     	<table>
                        	<tbody>
                            	<tr>
                                	<th colspan="5"><div class="alltd">下单时间：2016-01-22 10:19:08　　订单号：11960224147 &nbsp; &nbsp; &nbsp;   <div class="cname">卖家：江苏学则智能科技有限公司
                                    </div></div></th>
                                </tr>
                                <tr>
                                	<td width="24%"><p class="name"><a href="#">计算机机房工程房工程.</a></p></td>
                                    <td width="19%"><span class="peo">张三丰</span></td>
                                    <td width="19%"><b class="orange">￥6654.0</b></td>
                                    <td width="19%">
                                    	<p>交易成功</p>
                                        <div class="msg"><span></span> <p><i></i><b>留言</b>：此采购商已加入平台金牌采购商，为平台优质采购商。</p></div>
                                        <p><a href="#">订单详情</a></p>
                                    </td>
                                    <td width="19%">&nbsp;</td>
                                </tr>
                            </tbody>
                        </table>
                        <table>
                        	<tbody>
                            	<tr>
                                	<th colspan="5"><div class="alltd">下单时间：2016-01-22 10:19:08　　订单号：11960224147 &nbsp; &nbsp; &nbsp;   <div class="cname">卖家：江苏学则智能科技有限公司
                                    </div></div></th>
                                </tr>
                                <tr>
                                	<td width="24%"><p class="name"><a href="#">计算机机房工程房工程.</a></p></td>
                                    <td width="19%"><span class="peo">张三丰</span></td>
                                    <td width="19%"><b class="orange">￥6654.0</b> 
                                    	<div class="pici"><span class="pname">分批</span>
                                        	<div class="pcdown">
                                            	<div class="pctitle">分批付款</div>
                                            	<em></em>
                                            	<ul>
                                                	<li class="first">
                                                    	<div class="num"><i></i><span>1</span></div>
                                                        <p class="price"><span class="orange">¥100.00</span> </p>
                                                        <p>2016-08-09</p>
                                                    </li>
                                                    <li class="on">
                                                    	<div class="num"><i></i><span>2</span></div>
                                                        <p class="price"><span class="orange">¥100.00</span> </p>
                                                        <p>2016-08-09</p>
                                                    </li>
                                                    <li>
                                                    	<div class="num"><i></i><span>3</span></div>
                                                        <p class="price"> 剩余：<span class="orange">¥100.00</span></p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </td>
                                    <td width="19%">
                                    	<p>已付款</p>
                                        <p><a href="#">订单详情</a></p>
                                    </td>
                                    <td width="19%"><a href="#" class="btn">立即发货</a></td>
                                </tr>
                            </tbody>
                        </table>
                        <table>
                        	<tbody>
                            	<tr>
                                	<th colspan="5"><div class="alltd">下单时间：2016-01-22 10:19:08　　订单号：11960224147 &nbsp; &nbsp; &nbsp;   <div class="cname">卖家：江苏学则智能科技有限公司
                                    </div></div></th>
                                </tr>
                                <tr>
                                	<td width="24%"><p class="name"><a href="#">计算机机房工程房工程.</a></p></td>
                                    <td width="19%"><span class="peo">张三丰</span></td>
                                    <td width="19%"><b class="orange">￥6654.0</b></td>
                                    <td width="19%">
                                    	<p>待付款</p>
                                        <p><a href="#">订单详情</a></p>
                                    </td>
                                    <td width="19%"><a href="#" class="btn">立即发货</a><p><a href="#">修改价格 取消订单</a></p></td>
                                </tr>
                            </tbody>
                        </table>
                        <table>
                        	<tbody>
                            	<tr>
                                	<th colspan="5"><div class="alltd">下单时间：2016-01-22 10:19:08　　订单号：11960224147 &nbsp; &nbsp; &nbsp;   <div class="cname">卖家：江苏学则智能科技有限公司
                                    </div></div></th>
                                </tr>
                                <tr>
                                	<td width="24%"><p class="name"><a href="#">计算机机房工程房工程.</a></p></td>
                                    <td width="19%"><span class="peo">张三丰</span></td>
                                    <td width="19%"><b class="orange">￥6654.0</b></td>
                                    <td width="19%">
                                    	<p>交易关闭</p>
                                        <p><a href="#">订单详情</a></p>
                                    </td>
                                    <td width="19%">&nbsp;;</td>
                                </tr>
                            </tbody>
                        </table>
                        <table>
                        	<tbody>
                            	<tr>
                                	<th colspan="5"><div class="alltd">下单时间：2016-01-22 10:19:08　　订单号：11960224147 &nbsp; &nbsp; &nbsp;   <div class="cname">卖家：江苏学则智能科技有限公司
                                    </div></div></th>
                                </tr>
                                <tr>
                                	<td width="24%"><p class="name"><a href="#">计算机机房工程房工程.</a></p></td>
                                    <td width="19%"><span class="peo">张三丰</span></td>
                                    <td width="19%"><b class="orange">￥6654.0</b></td>
                                    <td width="19%">
                                    	<div>已发货 
                                        	<div class="pici pici2"><span class="pname">分批</span>
                                        	<div class="pcdown">
                                            	<div class="pctitle">分批发货</div>
                                            	<em></em>
                                            	<ul>
                                                	<li class="first">
                                                    	<div class="num"><i></i><span>1</span></div>
                                                        <p class="price">请货金额<br /><span class="orange">¥100.00</span> </p>
                                                        <p class="price">发货金额<br /><span class="orange">¥100.00</span> </p>
                                                        <p>2016-08-09</p>
                                                    </li>
                                                    <li class="on">
                                                    	<div class="num"><i></i><span>2</span></div>
                                                        <p class="price">请货金额<br /><span class="orange">¥100.00</span> </p>
                                                        <p class="price">发货状态<br />未发 </p>
                                                    </li>
                                                    <li>
                                                    	<div class="num"><i></i><span>3</span></div>
                                                        <p class="price"> 剩余货物<br /><span class="orange">¥100.00</span></p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        </div>
                                        <p><a href="#">订单详情</a></p>
                                    </td>
                                    <td width="19%"><a href="#" class="btn">确认收货</a><p><a href="#">申请发货</a></p></td>
                                </tr>
                            </tbody>
                        </table>
                     </div>
                     <div class="backpage">
                     	共30条需求记录 <span class="orange">1</span> / 6 <p><input type="text" /><a href="#" class="go">GO</a></p> <div class="pnt"><a href="#" class="prev"></a> <a href="#" class="next"></a></div>
                     </div>
                </div>
            </div>
         </div>
         
         <div class="backfoot">
         	<div class="inner">
            	<div><a href="#">服务条款</a> | <a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">帮助中心</a> | <a href="#">加入我们</a> </div>
                <p>沪ICP备15024004号-1 © 2015-2016 azt365.com 版权所有</p>
            </div>
         </div>
         
         <!-- 公司信息 -->
         <div class="tan-companyInfo">
              <em></em>
         	<div class="pic"><img src="images/temppic2.jpg" alt="" /></div>
            <div class="des">
            	<p>南京西卡科技有限公司</p>
                <p>江苏 南京</p>
                <p>张三     1515099908</p>
            </div>
         </div>
         
         <!-- 取消订单 -->
         <div class="tanbox tan-resetOrder" style="display:none">
         	<div class="tanbg"></div>
            <div class="box">
            	<div class="title"><span class="closed"></span>取消订单</div>
                <div class="cont">
                	<p>请选择您取消订单的原因：</p>
                    <ul class="fix">
                    	<li><label><span class="radioModel radioModelon"><input type="radio" name="rs" checked="checked" /></span> 无法备齐货物 </label></li>
                        <li><label><span class="radioModel"><input type="radio" name="rs" /></span> 不是有效的订单 </label></li>
                        <li><label><span class="radioModel"><input type="radio" name="rs" /></span> 货款支付问题   </label></li>
                        <li><label><span class="radioModel"><input type="radio" name="rs" /></span> 其他 </label></li>
                    </ul>
                    <div class="tarea">
                    	<textarea>补充说明</textarea>
                        <p>0/500</p>
                    </div>
                    <p class="error"><i></i>请选择一个原因</p>
                    <div class="btn"><a href="#">确定</a> <a href="#">取消</a></div>
                </div>
            </div>
         </div>
         
         <!-- 修改价格 -->
         <div class="tanbox tan-editprice">
         	<div class="tanbg"></div>
            <div class="box">
            	<div class="title"><span class="closed"></span>修改价格</div>
                <div class="cont">
                	 <div class="inputDiv"><input type="text" placeholder="输入价格" /> 应付总额：<span class="orange">￥200.00</span></div>
                    <div class="btn btn-left"><a href="#">确定</a> <a href="#">取消</a></div>
                </div>
            </div>
         </div>
    </div>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript">
	$(function(){
		//公司信息
		var $tan_companyInfo = $('.tan-companyInfo');
		$('.dataTable .alltd .cname').hover(function(){
			$(this).append($tan_companyInfo);	
		},function(){
			$(this).find($tan_companyInfo).remove();	
		})
		$('.radioModel input').click(function(){
			if(this.checked){
				$(this).parents('ul').find('.radioModel').removeClass('radioModelon');
				$(this).parent().addClass('radioModelon');
			}	
		})
		$('.tanbox .closed').click(function(){
			$(this).parents('.tanbox').hide();	
		})
		function autoside(){
			$('.back-side').height($(window).height()-48);
			$('.warp').css('minHeight',$(window).height()-48);	
		}
		
		$(window).resize(function(){
			autoside()	
		}).trigger('resize');	
	})
</script>
</body>
</html>
